<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>维生数一轮考核设计稿</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="header">
        <ul>
            <li><a href="javascript:;">关于我们</a></li>
            <li><a href="javascript:;">新闻资讯</a></li>
            <li><a href="javascript:;">新品推荐</a></li>
        </ul>
        <ul>
            <li><a href="javascript:;">产品系列</a></li>
            <li><a href="javascript:;">招贤纳士</a></li>
            <li><a href="javascript:;">联系我们</a></li>
        </ul>
    </div>

    <!-- 第一页 -->
    <div class="pageBox">
        <div class="innerBox" id="pg1">

            <div id="slogans">

                <div>玩莓主义</div>
                <div>同道大叔联名 处女座蛋糕</div>
                <div>VIRGO BLUEBREEY CHEEESECAKE</div>
                <br />
                <div>最高立减84元</div>
                <br />
                <a href="javascript:;">
                    立即查看
                </a>

            </div>
        </div>
    </div>



    <!-- 第二页 -->
    <div class="pageBox">
        <div class="innerBox" id="pg2">


            <div class="smallTitle">
                <div>关于我们</div>
                <div class="titleLines">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
                <div>ABOUT US</div>
            </div>
            <div>
                <div class="imgBox">
                    <img src="img/gy3.png" alt="关于我们">
                    <a href="javascript:;" class="btnLeft">
                        <div class="left"></div>
                    </a>
                    <a href="javascript:;" class="btnRight">
                        <div class="right"></div>
                    </a>



                </div>
                <div class="introInfo">
                    <div style="font-size: 36px;">
                        <span>精选世界好材料 </span>
                        <span style="font-weight: 600;">100%无添加</span>
                    </div>
                    <br>

                    <div style="font-size: 18px;">专注于欧式、法式甜点、配方蛋糕的传承与创新;
                        拥有资深法厨团队、国际航空配餐业(IFCA) 食品生产管理团队;
                    </div>
                    <br>
                    <div style="font-size: 14px; ">
                        liushabao采用近100%进口原料、甄选世界同类顶级食材;
                        努力为客户创造、提供高品质、绿色、健康、安全的美味配方食品。
                    </div>
                    <br>
                    <div style="font-size:23px;">
                        <span>Age of</span>
                        <span style="font-weight: 600;">2005</span>
                        <span>Begin of</span>
                        <span style="font-weight: 600;">2017</span>
                    </div>


                </div>
            </div>

            <a href="javascript:;" class="moreBtn">MORE</a>
        </div>
    </div>

    <!-- 第三页 -->
    <div class="pageBox">
        <div class="innerBox" id="pg3">
            <div class="smallTitle">
                <div>新闻资讯</div>
                <div class="titleLines">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
                <div>PRESS CENTER</div>
            </div>
            <div class="presscenter">
                <div>
                    <img src="img/mungCake.png" alt="绿豆蛋糕">
                    <div class="newsInfo">

                        <div>
                            <p>遇见你，刚刚好</p>
                            <p>七夕情人节，一场下午茶的时光</p>
                        </div>
                        <div>
                            七夕，你想对TA说的话，关注微信号liusha品牌即可参加活动<br>

                            凡情侣到店铺购买蛋糕甜点，均可享受买一送一优惠
                        </div>
                        <div>
                            <img src="img/views.png" alt="浏览">
                            <span>999人</span>
                            <span>浏览</span>
                        </div>
                        <div>
                            <img src="img/heart.png" alt="爱心">
                            <span>999人</span>
                            <span>点赞</span>
                        </div>

                    </div>
                </div>
                <div class="newsPress">

                    <div class="pressBox">
                        <div class="newsDate">
                            <div>13</div>
                            <div>/ 06</div>
                        </div>

                        <div>
                            <div class="newsSubtitle">你消费我买单</div>
                            <div class="newsTitle">父亲节带他来吃“霸王餐”</div>
                            <div class="newsDetails">微信公众号将随机抽取10名幸运顾客报销当天消费</div>
                        </div>

                    </div>
                    <div class="pressBox">
                        <div class="newsDate">
                            <div>5</div>
                            <div>/ 11</div>
                        </div>

                        <div>
                            <div class="newsSubtitle">MOTHER'S DAY</div>
                            <div class="newsTitle">母亲节带她来LUSHABAO</div>
                            <div class="newsDetails">读书时，母爱是，在你熬夜学习后准备的鸡汤...</div>
                        </div>

                    </div>
                    <div class="pressBox">
                        <div class="newsDate">
                            <div>8</div>
                            <div>/ 15</div>
                        </div>

                        <div>
                            <div class="newsSubtitle">夏季新品上市！</div>
                            <div class="newsTitle">2017时尚饮品最火爆的水果茶</div>
                            <div class="newsDetails">买饮品加1元送面包，活动时间至8月20日截止</div>
                        </div>

                    </div>
                    <div class="pressBox">
                        <div class="newsDate">
                            <div>25</div>
                            <div>/ 09</div>
                        </div>

                        <div>
                            <div class="newsSubtitle">每杯只需半价哦~~</div>
                            <div class="newsTitle">LIUSHABAO 夏日水果风情节</div>
                            <div class="newsDetails">水果风情节期间，每天购买指定饮品，均可享受优惠</div>
                        </div>

                    </div>

                </div>
            </div>
            <a href="javascript:;" class="moreBtn">MORE</a>
        </div>
    </div>

    <!-- 第四页 -->
    <div class="pageBox" id="pgBox4">
        <div class="innerBox" id="pg4">
            <div class="smallTitle">
                <div>新品推荐</div>
                <div class="titleLines">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
                <div>NEW ARRANAL</div>
            </div>
            <div id="newArraBox">

                <div class="newArra"><img src="img/cherryCheeseCake.png" alt="樱桃冻芝士"></div>
                <div class="newArra">
                    <div>

                        <img src="img/arrow.png" alt="箭头" style="transform: rotate(180deg);">
                        <div class="newArraTitle">樱桃冻芝士</div>
                        <div class="newArraInfo">炎炎夏日的最佳选择<br>Cherry Cheese Cake</div>
                    </div>

                </div>
                <div class="newArra"><img src="img/strawberryTale.png" alt="草莓物语"></div>
                <div class="newArra">
                    <div>
                        <img src="img/arrow.png" alt="箭头" style="transform: rotate(180deg);">
                        <div class="newArraTitle">草莓物语</div>
                        <div class="newArraInfo">感受新鲜草莓精致的味道<br>strawberry Tale</div>
                    </div>
                </div>
                <div class="newArra">
                    <div>
                        <img src="img/arrow.png" alt="箭头">
                        <div class="newArraTitle">经典奶香</div>
                        <div class="newArraInfo">记忆中的绵密口感<br>Classic Cream</div>
                    </div>
                </div>
                <div class="newArra"><img src="img/classicCream.png" alt="经典奶香"></div>
                <div class="newArra">
                    <div style="top:41px;">
                        <div style="color: #ff7a0e; font: 30px 'MFLiHei_Noncommercial';" >
                            80%
                        </div>
                        <img src="img/arrow.png" alt="箭头">
                        <div class="newArraTitle">爱丁堡之恋</div>
                        <div class="newArraInfo">芝士与醇香奶油的梦幻组合<br>Love in Edinburgh</div>
                    </div>
                </div>
                <div class="newArra"><img src="img/loveinEdinburgh.png" alt="爱丁堡之恋"></div>



            </div>
            <br>
            <a href="javascript:;" class="moreBtn">MORE</a>
        </div>

    </div>

    <div class="pageBox">
        <div class="innerBox" id="pg5">
            <div class="smallTitle">
                <div>产品系列</div>
                <div class="titleLines">
                    <div></div>
                    <div></div>
                    <div></div>
                    <div></div>
                </div>
                <div>PRODUCT LINE</div>
            </div>
            <div class="proIntro">
                <div>
                    <img src="img/creamcreamseries.png" alt="乳脂奶油系列">
                    乳脂奶油系列
                    <p style="color: #ff7a0e;">CREAM CREAM SERIES</p>
                </div>
                <div>
                    <img src="img/mousse.png" alt="慕斯系列">
                    慕斯系列
                    <p>MOUSSE</p>
                </div>
                <div>
                    <img src="img/chocolate.png" alt="巧克力系列">
                    巧克力系列
                    <p>CHOCOLATE</p>
                </div>
            </div>
            <BR></BR>
            <a href="javascript:;" class="moreBtn">MORE</a>
        </div>

    </div>
</body>

</html>